<template>
  <div class="leave-wrap">
    <div class="leave-box" @click="fillLeave">
      <span class="title">填写离职工资</span>
      <img src="./in.png" class="pic-in" onclick="return false"/>
    </div>
    <div class="leave-box" @click="leaveHistory">
      <span class="title">离职工资历史记录</span>
      <img src="./in.png" class="pic-in" onclick="return false"/>
    </div>
  </div>

</template>

<script>
  export default {
    methods: {
      fillLeave() {
        this.$router.push("/leavesearch");
      },
      leaveHistory() {
        this.$router.push("/leavehistory")
      }
    }
  }
</script>

<style lang="stylus" scoped>
  @import "../../../assets/stylus/mixin.styl"
  .leave-wrap
    wh(100%, 100%)
    background: rgba(242, 242, 242, 1)
    overflow: hidden
    .leave-box
      display: flex
      align-items: center
      wh(100%, 1.28rem)
      background: rgba(255, 255, 255, 1)
      border-bottom: 0.027rem solid #F2F2F2
      .title
        margin-left: 0.307rem
        size-color(0.427rem, rgba(51, 51, 51, 1))
      .pic-in
        wh(0.373rem, 0.373rem)
        margin-left: auto
        margin-right: 0.32rem
</style>
